<div class="row">
  <div class="col-md-12">
    <div class="card admin-create-instance">
      <div class="card-header">
        <i class="fa fa-align-justify"></i> Edit User
      </div>
      <div class="card-body">



        <ul class="nav nav-tabs" id="myTab" role="tablist">
          <li class="nav-item">
            <a class="nav-link active" id="home-tab" data-toggle="tab" href="#fields" role="tab" aria-controls="home"
              aria-selected="true">Form</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" id="raw-tab" data-toggle="tab" href="#raw" role="tab" aria-controls="raw"
              aria-selected="true">Raw</a>
          </li>

        </ul>
        <div class="tab-content" id="myTabContent">

          <div class="tab-pane fade show active" id="fields" role="tabpanel" aria-labelledby="home-tab">

            {{{ data.editForm.html }}}


          </div>

          <div class="tab-pane fade show" id="raw" role="tabpanel" aria-labelledby="raw-tab">

            <div id="editor-container">

              <meta http-equiv="Content-Type" content="text/html;charset=utf-8">

              <div id="jsoneditorRaw" style="width: 100%; height: 600px;"></div>

              <button class="btn btn-primary add-node" id="saveRawJson">Save</button>

            </div>

          </div>


        </div>


      </div>
    </div>
  </div>

</div>
